<template>
  <div>
    <div class="home-book pro-book">
      <router-link :to="{path: 'login'}">
        <div class="jumpBook">
          <img src="static/images/book.png" />
          <h3 class="bookName">书名</h3>
          <span class="author">作者nv</span>
        </div>
      </router-link>
      <router-link :to="{path: 'login', query: {id: 1}}">
        <div class="jumpBook">
          <img src="static/images/book.png" />
          <h3 class="bookName">书名</h3>
          <span class="author">作者nv</span>
        </div>
      </router-link>
      <router-link :to="{path: 'login', query: {id: 1}}">
        <div class="jumpBook">
          <img src="static/images/book.png" />
          <h3 class="bookName">书名</h3>
          <span class="author">作者nv</span>
        </div>
      </router-link>
    </div>
    <div class="home-book-list">
      <router-link :to="{path: 'login'}">
        <div class="jumpBook">
          <em>4</em>
          <span class="pro-type">言情</span>
          <span class="book-name">我是书名</span>
          <span class="book-author">我是作者</span>
        </div>
      </router-link>
      <router-link :to="{path: 'login'}">
        <div class="jumpBook">
          <em>5</em>
          <span class="pro-type">言情</span>
          <span class="book-name">我是书名</span>
          <span class="book-author">我是作者</span>
        </div>
      </router-link>
      <router-link :to="{path: 'login'}">
        <div class="jumpBook">
          <em>6</em>
          <span class="pro-type">言情</span>
          <span class="book-name">我是书名</span>
          <span class="book-author">我是作者</span>
        </div>
      </router-link>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'ProcessList',
    data () {
      return {
      };
    }
  }
</script>

<style lang="stylus" scoped>

</style>
